<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我 22001010525-王婕</title>
    <script src="./wang_fonts/iconfont.js"></script>
    <link rel="stylesheet" href="wang_css/wo.css">
    <script src="./wang_fonts/iconfont.js"></script>
   
</head>
<body>
    <header class="wang_header">
        <nav class="top-navigation">
            <a href="#" class="nav-item left">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-tianjiahaoyou"></use>
                  </svg>
            </a>
            <a href="#" class="nav-item add-user">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-saoyisao"></use>
                  </svg>
            </a>
            <a href="#" class="nav-item add-user">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-shezhi"></use>
                  </svg>
            </a>
        </nav>
    </header>
    <main class="wang_main">
        <div class="profile">
            <img src="./wang_images/weibo(guanzhu)/15.jpg">
            <div class="profile-text">
              <h2>Benlanw_</h2>
              <p>简介: 暂无简介</p>
            </div>
          </div>
            <div class="stats">
              <div class="stats-item">
                <span>1</span>
                <span>微博</span>
              </div>
              <div class="stats-item">
                <span>287</span>
                <span>关注</span>
              </div>
              <div class="stats-item">
                <span>4</span>
                <span>粉丝</span>
              </div>
            </div>
          </div>
          <!-- 八大块 -->
          <div class="dashboard">
            <div class="dashboard-item">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-wode-xiangce"></use>
                  </svg>
              <span>我的相册</span>
            </div>
            <div class="dashboard-item">
              <svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucang"></use>
              </svg>
              <span>赞/收藏</span>
          </div>
          <div class="dashboard-item">
              <svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-liulanjilu"></use>
              </svg>
              <span>浏览记录</span>
          </div>
      <div class="dashboard-item">
          <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-caogaoxiang"></use>
          </svg>
          <span>草稿箱</span>
      </div>
      <div class="dashboard-item">
          <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-wodeqianbao"></use>
          </svg>
          <span>我的钱包</span>
      </div>
      <div class="dashboard-item">
          <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-wodedingdan"></use>
          </svg>
          <span>我的订单</span>
      </div>
      <div class="dashboard-item">
          <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-chuangzuozhongxin"></use>
          </svg>
          <span>创作中心</span>
      </div>
      <div class="dashboard-item">
          <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-rili"></use>
          </svg>
          <span>广告中心</span>
      </div>
    </div>
    <!-- 四块 -->
    <div class="benefit-section">
        <div class="benefit-item">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-tubiao--jinrong_qianbao"></use>
              </svg>
            <h3>任务中心</h3>
            <p>今日待领425积分</p>
        </div>
        <div class="benefit-item">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-zuoceshibiaodanx"></use>
              </svg>
            <h3>吃瓜冲浪测试</h3>
            <p>参与答题 分万元</p>
        </div>
        <div class="benefit-item">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-a-zuhe32"></use>
              </svg>
            <h3>每日签到</h3>
            <p>明日赚15积分</p>
        </div>
        <div class="benefit-item">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-dati"></use>
              </svg>
            <h3>限时福利</h3>
            <p>限时领惊喜福利</p>
        </div>
    </div>
    <!-- 我的钱包 -->
      <div class="wallet-section">
        <div class="header-container">
          <h2>我的钱包</h2>
          <div class="view-details">
            <a href="#">查看详情 ></a>
          </div>
        </div>
        <div class="wallet-items-container">
          <div class="wallet-item">
            <span>1.71万</span>
            <p>可借额度</p>
          </div>
          <div class="wallet-item">
            <span>666元</span>
            <p>天天领钱</p>
          </div>
          <div class="wallet-item">
            <span>2.07%</span>
            <p>官方理财</p>
          </div>
          <div class="wallet-item">
            <span>0.00元</p>
            <p>金融资产</p>
          </div>
        </div>
      </div>
      <!-- 为你推荐 -->
      <div class="recommendation-section">
        <h2>为你推荐</h2>
        <ul class="recommendation-item">
            <img src="./wang_images/wo/1.jpg">
            <div class="recommendation-item-details">
                <h3>苏航uu</h3>
                <p>粉丝数：1.5万</p>
                <span>认证：龙腾精英模特经纪公司 模特</span>
            </div>
            <button class="follow-button">+ 关注</button>
        </ul>
        <ul class="recommendation-item">
            <img src="./wang_images/wo/2.jpg">
            <div class="recommendation-item-details">
                <h3>代旭</h3>
                <p>粉丝数：336万</p>
                <span>主演《手术直播间》 饰演苏云</span>
            </div>
            <button class="follow-button">+ 关注</button>
        </ul>
        <ul class="recommendation-item">
            <img src="./wang_images/wo/3.jpg">
            <div class="recommendation-item-details">
                <h3>张凌赫z</h3>
                <p>粉丝数：1082.1万</p>
                <span>演员</span>
                <span>代表作《苍兰诀》</span>
            </div>
            <button class="follow-button">已关注</button>
        </ul>
        <ul class="recommendation-item">
            <img src="./wang_images/wo/4.jpg">
            <div class="recommendation-item-details">
                <h3>艾玛冲浪酱</h3>
                <p>粉丝数：76.7万</p>
                <span>娱乐博主</span>
                <span>@爱豆星综艺 等76.7万人关注了</span>
            </div>
            <button class="follow-button">+ 关注</button>
        </ul>
        <ul class="recommendation-item">
            <img src="./wang_images/wo/6.jpg">
            <div class="recommendation-item-details">
                <h3>阿诺Action</h3>
                <p>粉丝数：103.1万</p>
                <span>微博原创视频博主</span>
                <span>科技视频自媒体</span>
            </div>
            <button class="follow-button">+ 关注</button>
        </ul>
        <ul class="recommendation-item">
            <img src="./wang_images/wo/5.jpg">
            <div class="recommendation-item-details">
                <h3>解救剧荒</h3>
                <p>粉丝数：100.9万</p>
                <span>热门电视剧博主 数据飙升</span>
                <span>解救你的剧荒</span>
            </div>
            <button class="follow-button">+ 关注</button>
        </ul>
        <ul class="recommendation-item">
            <img src="./wang_images/wo/7.jpg">
            <div class="recommendation-item-details">
                <h3>微博经营会员</h3>
                <p>粉丝数：7万</p>
                <span>热门电视剧博主 数据飙升</span>
                <span>解救你的剧荒</span>
            </div>
            <button class="follow-button">+ 关注</button>
        </ul>
    </div>
    </body>
    
    </html>
      <!-- 下导航 -->
      <nav class="wang_nav">
        <ul>
            <li>
                <a href="weibo(guanzhu).html">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouye1"></use>
                    </svg>
                    <p>微博</p>
                </a>
            </li>
            <li>
                <a href="shipin.html">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shipin"></use>
                    </svg>
                    <p>视频</p>
                </a>
            </li>
            <li>
                <a href="faxian.html">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sousuo1"></use>
                    </svg>
                    <p>发现</p>
                </a>
            </li>
            <li>
                <a href="xiaoxi.html">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiaoxi2"></use>
                    </svg>
                    <p>消息</p>
                </a>
            </li>
            <li>
                <a href="wo.html">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wo"></use>
                    </svg>
                    <p>我</p>
                </a>
            </li>
        </ul>

    </nav>
    </main>
    <footer class="wang_footer">
    </footer>
</body>
</html>
